<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!-- Mirrored from bringthepixel.com/site-templates/boomerang/preview52/home-advanced.html?bs=black&fs=black by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 17 Oct 2010 22:33:19 GMT -->
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Home Thumb Slider</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	
    	<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="js/prettyPhoto/css/prettyPhoto.css" />
	
	
		
	<link rel="stylesheet" type="text/css" media="screen" href="css/foreground/black.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/background/black.css" />
	
	
		
	<!--[if IE 6]><link rel="stylesheet" type="text/css" href="./css/ie6.css" /><![endif]-->
	<!--[if IE 7]><link rel="stylesheet" type="text/css" href="./css/ie7.css" /><![endif]-->	

	<script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.cycle/jquery.cycle.all.min.js"></script>
	<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>	
	<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
	<script type="text/javascript" src="js/cufon/TitilliumText22L_300.font.js"></script>	
	
	<!--[if IE 6]><script type="text/javascript" src="./js/misc/DD_belatedPNG.js"></script><![endif]-->	
	
	<script type="text/javascript" src="js/main.js"></script>		
</head>

<body class="home">	
    <div id="page">
        <div id="header">            
									<div id="id">
				<p><a href="home-advanced.html" title="Go to homepage"><img src="images/boomerang-logo.png" alt="Boomerang Site Template"/></a></p>
            </div>
			
			<div id="main-navigation">
				<div class="wrapper">
					<div class="helper1"><!-- --></div>
					<ul class="dd-menu">						
						<li class="current-menu-item">
							<a href="#">Home</a>
							<ul>
								<li><a href="home-simple.html" title="">Simple slider</a></li>
								<li><a href="home-advanced.html" title="">Advanced slider</a></li>							
							</ul>
						</li>
						<li>
							<a href="#" title="">Features</a>
							<ul>
								<li><a href="about.html" title="">About Theme</a></li>
								<li>
									<a href="#" title="">Standard Skins</a>
									<ul>										
										<li><a href="home-advancedab5b.html?bs=black&amp;fs=black" title="">Black + Black</a></li>
										<li><a href="home-advanced232f.html?bs=blue&amp;fs=blue" title="">Blue + Blue</a></li>
										<li><a href="home-advanced46d2.html?bs=brown&amp;fs=brown" title="">Brown + Brown</a></li>
										<li><a href="home-advanced41b0.html?bs=green&amp;fs=green" title="">Green + Green</a></li>										
										<li><a href="home-advanced6f7c.html?bs=orange&amp;fs=orange" title="">Orange + Orange</a></li>
										<li><a href="home-advancedbdac.html?bs=purple&amp;fs=purple" title="">Purple + Purple</a></li>
										<li><a href="home-advanceda51a.html?bs=red&amp;fs=red" title="">Red + Red</a></li>
										<li><a href="home-advanced325e.html?bs=silver&amp;fs=silver" title="">Silver + Silver</a></li>
										<li><a href="home-advancedc077.html?bs=turquoise&amp;fs=turquoise" title="">Turquoise + Turquoise</a></li>
										<li><a href="home-advanced07ff.html?bs=yellow&amp;fs=yellow" title="">Yellow + Yellow</a></li>
									</ul>
								</li>
								
								<li>
									<a href="#" title="">Combined Skins</a>
									<ul>										
										<li><a href="home-advanced5df0.html?bs=blue&amp;fs=purple" title="">Blue + Purple</a></li>
										<li><a href="home-advancedc740.html?bs=silver&amp;fs=yellow" title="">Silver + Yellow</a></li>
										<li><a href="home-advanced9821.html?bs=black&amp;fs=blue" title="">Black + Blue</a></li>
										<li><a href="home-advancede3ce.html?bs=orange&amp;fs=brown" title="">Orange + Brown</a></li>																				
									</ul>
								</li>
								
								<li>
									<a href="#" title="">Extra Skins</a>
									<ul>										
										<li><a href="home-advancedc7a6.html?bs=abstract1&amp;fs=blue" title="">Abstract1 + Blue</a></li>
										<li><a href="home-advanced823e.html?bs=mosaic1&amp;fs=purple" title="">Mosaic1 + Purple</a></li>
										<li><a href="home-advanced5f70.html?bs=wave1&amp;fs=brown" title="">Wave1 + Brown</a></li>
										<li><a href="home-advanced1a30.html?bs=bokeh1&amp;fs=green" title="">Bokeh1 + Green</a></li>																				
									</ul>
								</li>
								
								<li><a href="easy-columns.html" title="">Easy columns</a></li>
								<li><a href="common-styles.html" title="">Common styles</a></li>
								<li><a href="404.html" title="">404 page</a></li>
							</ul>
						</li>
						<li>
							<a href="#" title="">Portfolio</a>
							<ul>
								<li><a href="folio-single.html" title="">Single project</a></li>
								<li><a href="folio-2-columns.html" title="">2 columns</a></li>
								<li><a href="folio-3-columns.html" title="">3 columns</a></li>
								<li><a href="folio-4-columns.html" title="">4 columns</a></li>
								<li><a href="folio-small-list.html" title="">Small list</a></li>
								<li><a href="folio-medium-list.html" title="">Medium list</a></li>
								<li><a href="folio-big-list.html" title="">Big list</a></li>																					
							</ul>
						</li>
						<li>
							<a href="#">Blog</a>
							<ul>
								<li><a href="blog.html" title="">Blog posts</a></li>
								<li><a href="post.html" title="">Single post</a></li>
							</ul>
						</li>
						<li>
							<a href="contact.html" title="">Contact</a>
						</li>	
					</ul>
					<div class="helper2"><!-- --></div>
				</div><!-- END: .wrapper -->
			</div><!-- END: #mainNavigation -->
			
			
			<div id="social-bookmarking">
				<ul>
					<li><a href="#" title="Facebook profile"><img src="images/icons/facebook.png" alt="Facebook profile icon" /></a></li>
					<li><a href="#" title="RSS feed"><img src="images/icons/rss.png" alt="RSS feed icon" /></a></li>
					<li><a href="#" title="Twitter profile"><img src="images/icons/twitter.png" alt="Twitter profile icon" /></a></li>
					<li><a href="#" title="Flickr profile"><img src="images/icons/flickr.png" alt="Flickr profile icon" /></a></li>
					<li><a href="#" title="LinkedIn profile"><img src="images/icons/linkedin.png" alt="LinkedIn profile icon" /></a></li>
					<li><a href="#" title="Behance profile"><img src="images/icons/behance.png" alt="Behance profile icon" /></a></li>
				</ul>
			</div>			
			
        </div><!-- END: #header -->

        <div id="content">
			<div class="slider-thumb" id="slider">
				<div class="slides">						
					<div class="slide">
						<div class="non-image">
							<h2>Sample icon set</h2>
							<p class="more">
								<a class="button primary small" href="folio-single.html" title=""><span>Read more</span></a>
							</p>
							<span class="helper1"></span>		
						</div>
						<p class="image">
							<a href="folio-single.html" title="">
								<img src="images/samples/07_12.jpg" alt="" />
								<span class="helper1"></span>
							</a>							
						</p>
					</div>	
					
					<div class="slide">
						<div class="non-image">
							<h2>Sample macro photography</h2>
							<p class="more">
								<a class="button primary small" href="folio-single.html" title=""><span>Read more</span></a>
							</p>
							<span class="helper1"></span>
						</div>
						<p class="image">
							<a href="folio-single.html" title="">
								<img src="images/samples/macro8_12.jpg" alt="" width="924" height="420" />
								<span class="helper1"></span>
							</a>							
						</p>
					</div>	
					
					<div class="slide">
						<div class="non-image">
							<h2>Sample illustration</h2>
							<p class="more">
								<a class="button primary small" href="folio-single.html" title=""><span>Read more</span></a>
							</p>
							<span class="helper1"></span>
						</div>
						<p class="image">
							<a href="folio-single.html" title="">
								<img src="images/samples/08_12.jpg" alt="" width="924" height="420" />
								<span class="helper1"></span>
							</a>
						</p>
					</div>
					
					<div class="slide">
						<div class="non-image">
							<h2>Sample logo</h2>
							<p class="more">
								<a class="button primary small" href="folio-single.html" title=""><span>Read more</span></a>
							</p>
							<span class="helper1"></span>
						</div>
						<p class="image">
							<a href="folio-single.html" title="">
								<img src="images/samples/10_12.jpg" alt="" width="924" height="420" />
								<span class="helper1"></span>
							</a>
						</p>
					</div>
					
					<div class="slide">
						<div class="non-image">
							<h2>Sample product photography</h2>
							<p class="more">
								<a class="button primary small" href="folio-single.html" title=""><span>Read more</span></a>
							</p>
							<span class="helper1"></span>
						</div>
						<p class="image">
							<a href="folio-single.html" title="">
								<img src="images/samples/01_12.jpg" alt="" width="924" height="420" />
								<span class="helper1"></span>
							</a>
						</p>
					</div>
				</div>
				
				<div class="navigation">
					<ul>						
						<li>
							<a href="folio-single.html" class="frame u-2">
								<img src="images/samples/07_2.jpg" alt="" width="124" height="56" />								
							</a>
						</li>
						<li>
							<a href="folio-single.html" class="frame u-2">
								<img src="images/samples/macro8_2.jpg" alt="" width="124" height="56" />								
							</a>
						</li>
						<li>
							<a href="folio-single.html" class="frame u-2">
								<img src="images/samples/08_2.jpg" alt="" width="124" height="56" />								
							</a>
						</li>
						<li>
							<a href="folio-single.html" class="frame u-2">
								<img src="images/samples/10_2.jpg" alt="" width="124" height="56" />								
							</a>
						</li>
						<li>
							<a href="folio-single.html" class="frame u-2">
								<img src="images/samples/01_2.jpg" alt="" width="124" height="56" />								
							</a>
						</li>						
					</ul>
				</div>			
				
			</div><!-- END: #slider -->				
				
		
			<div class="bd">				
				
				<div class="grid blurb">
					<div class="c-8">						
						<h1>Get our portfolio with case studies!</h1>
					</div>

					<div class="c-4">						
						<a class="button secondary medium"><span>Download in PDF format</span></a>
					</div>				
				</div>
				
				<div class="divider"></div>
				
				<div class="grid">
					<div class="c-4">
						<h2><img src="images/icons/tablet.png" alt="" class="icon"/> Unique Design</h2>						
						<p>							
							Content is king - so it needs unique and professional presentation! 
							Your audience will appreciate it.
							Don't worry about these fresh, nonrectangular shapes.
							Just provide your content and the Boomerang Template will do the magic for you.							
						</p>
						<p>
							<a class="button tertiary small" href="about.html" title=""><span>Read more</span></a>
						</p>						
					</div>
					
					<div class="c-4">
						<h2><img src="images/icons/color_wheel.png" alt="" class="icon "/> Multiple Skins</h2>
						<p>							
							Combine 10 foreground schemes with 10 background schemes any way you like.
							Searching for professional, business look? Just choose <a href="#" title="">blue foreground with silver background</a>. 
							Searching for more funky look? Just combine <a href="#" title="">purple foreground with mosaic background</a>.						
						</p>
						<p>
							<a class="button tertiary small" href="about.html" title=""><span>Read more</span></a>
						</p>		
					</div>
					
					<div class="c-4">						
						<h2><img src="images/icons/clipboard.png" alt="" class="icon" /> Other features</h2>						
						<ul class="checklist">
							<li>Search Engine Optimization</li>
							<li>Compatible with multiple modern browsers: IE7,IE8, Firefox 3,5+, Opera 10+, Chrome, Safari 4+</li>							
							<li>Advanced, dynamic jQuery functionality</li>
							<li>Working contact form</li>
						</ul>
						<p>
							<a class="button tertiary small" href="about.html" title=""><span>Read more</span></a>
						</p>						
					</div>				
				</div>  
             

            </div>


            <div class="ft">
                <div class="shadow"><!-- --></div>
                <div class="wrapper"><!-- --></div>
                <div class="helper1"><!-- --></div>
            </div>
        </div><!-- END: #content -->
    
        		<div id="footer">
			<div class="grid">
				<div class="c-4">
					<h2 class="widget_title">Get to know us</h2>
					<img class="alignleft" src="images/boomerang-logo.png" alt="Boomerang Site Template"/>
					<p>						
						Mauris eu <strong>commodo</strong> ligula. Integer non ligula lectus, non pretium purus. 
						Fusce porttitor, nibh eget consequat faucibus
					</p>
					<p> 
						<strong>Risus odio</strong> luctus purus, 
						sed <strong>sagittis</strong> dui turpis sit amet purus. Cras et pretium urna. 
						Nunc venenatis, sem sit amet lobortis
					</p>
				</div>

				<div class="c-4">
					<h2 class="widget_title">Latest project</h2>
					<div class="folio">
						<h3><a href="folio-single.html" title="">Sample project title</a></h3>
						<p class="image">
							<a href="folio-single.html" title="" class="frame">
								<img src="images/samples/icon01_4.jpg" alt=""/>								
							</a>
						</p>
						<p class="meta">webdesign, 2009</p>
					</div>								
				</div>

				<div class="c-4">
					<h2 class="widget_title">Latest blog posts</h2>
					<ul class="post-previews">
						<li>						
							<h3><a href="post.html" title="">Sed iaculis nibh vel diam sollicitudin</a></h3>																					
							<p class="image">
								<a href="post.html" title="" class="frame u-1">
									<img src="images/samples/macro8_1.jpg" alt="" />									
								</a>
							</p>
							<p class="meta">17 March 2010</p>																				
						</li>
						<li>
							<h3><a href="post.html" title="">Nullam non odio urna</a></h3>
							<p class="image">
								<a href="post.html" title="" class="frame u-1">
									<img src="images/samples/10_1.jpg" alt="" />									
								</a>
							</p>
							<p class="meta">17 March 2010</p>
						</li>
						<li>
							<h3><a href="post.html" title="">Curabitur nec laoreet tellus</a></h3>
							<p class="image">
								<a href="post.html" title="" class="frame u-1">
									<img src="images/samples/07_1.jpg" alt="" />									
								</a>
							</p>
							<p class="meta">17 March 2010</p>
						</li>
					</ul>
				</div>
			</div>
			
			
			
			<div class="grid meta" id="subfooter">			
					<div class="c-6">
						<p id="copyright">&copy; 2010 by bring the pixel.Remember to change this:)</p>
					</div>
				
					<div class="c-6">
						<ul class="subfooter-menu">
							<li><a href="home-advanced.html">Home</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="contact.html">Contact</a></li>						
						</ul>					
					</div>	
				
			</div>	
			
        </div><!-- END: #footer-->		
    </div><!-- END: #page -->
</body>

<!-- Mirrored from bringthepixel.com/site-templates/boomerang/preview52/home-advanced.html?bs=black&fs=black by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 17 Oct 2010 22:33:20 GMT -->
</html>
